<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <title>登录</title>

    <!-- bootstrap styles -->
    <link th:href="@{css/bootstrap.css}" th:rel="stylesheet" />
    <!-- font-awesome styles -->
    <link th:href="@{css/font-awesome.css}" th:rel="stylesheet" />
    <!-- google styles -->
    <link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" />
    <link th:href="@{css/common.css}" th:rel="stylesheet"/>
    <link th:href="@{css/login.css}" th:rel="stylesheet" />

    <script th:src="@{js/jquery-3.3.1.js}"></script>
    <script th:src="@{js/jquery.validate.min.js}"></script>
    <script th:src="@{js/login.js}"></script>
</head>
<body>
<div class="container">
    <div class="row text-center" style="padding-top: 120px">
        <div class="col-md-12">
            <a class="logo" th:href="index">JGr<i class="fa fa-lightbulb-o"></i>wth</a>
        </div>
    </div>
    <div class="row">
        <div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1">
            <div class="panel-body">
                <form th:action="do_login" method="post">
                    <br />
                    <div class="form-group input-group">
                        <label for="username" class="input-group-addon"><i class="fa fa-user"></i></label>
                        <input id="username" name="username" type="text" class="form-control" placeholder="用户名"/>
                        <p style="position:absolute;width: 89%;height:15px;line-height: 15px;font-size:10px;top: 34px; "></p>
                    </div>
                    <div class="form-group input-group">
                        <label for="password" class="input-group-addon"><i class="fa fa-lock"  ></i></label>
                        <input id="password" name="password" type="password" class="form-control"  placeholder="密码" />
                        <p style="position:absolute;width: 89%;height:15px;line-height: 15px;font-size:10px;top: 34px; "></p>
                    </div>
                    <div class="form-group">
                        <label class="checkbox-inline">
                            <input name="remember" type="checkbox">记住我
                        </label>
                        <span class="pull-right to_register">
                            还没注册?
                            <a th:href="register" >现在去注册</a>
                        </span>
                    </div>
                    <div class="form-group">
                        <input type="submit" value="登录" class="btn form-control btn-login"/>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
</body>
</html>